<template>
    <div class="header">
        <router-link class="iconfont header-back" to="/" tag="div">&#xe624;</router-link>
        城市选择
    </div>
</template>
<script>
export default {
    name:'CityHeader'
}
</script>
<style lang="stylus" scoped>
    @import '~@/assets/styles/variables.styl';
    .header
        position: relative
        overflow: hidden
        height: $headerHeight
        line-height: $headerHeight
        text-align: center
        color: #fff
        background: $bgColor
        font-size:.32rem
        .header-back
            position:absolute
            width:.64rem
            text-align:center
            font-size:.4rem
            left:0
            top:0
            color:#fff

</style>